body {
  display: flex;
  justify-content: center;
}

.popup-page {
  padding: var(--padding);
  opacity: 0;
  transition: opacity 300ms;
}

.popup-page-show {
  opacity: 1;
}

.qr-code-pic {
  margin-bottom: var(--padding);
  width: var(--width);
  height: var(--width);
  object-fit: contain;
}

.qr-code {
  display: none;
}

.qr-code-edit {
  padding: 3px;
  width: var(--width);
  height: calc(var(--width) / 2);
  font-family: PingFangSC-Regular;
  font-size: 16px;
  outline: none;
  resize: vertical;
  word-break: break-all;
  box-sizing: border-box;
}
